/* Variables */

// Base color
$mine: #b4bdff;
$loginBg: #ffcfac;
$blue: #2892e5;
$green: #1dc779;
$yellow: #b4bdff;
$pink: #f56c6c;
$block: #000;
$gray-1: #20232a;
$gray-2: #818693;
$gray-3: #bac0cd;
$gray-4: #d8dde3;
$gray-5: #f3f4f7;
$gray-6: #ebeef5;
$bgColor: #fafafb;
$white: #fff;

// Sidebar
$sideBarWidth: 190px;
$subMenuBg: #272a36;
$subMenuHover: #272a36;
$subMenuActiveText: #f4f4f5;
$menuBg: #343744;
$menuText: #bfcbd9;
$menuActiveText: $mine; //Also see settings.sidebarTextTheme

// Login page
$lightGray: #080808;
$darkGray: #889aa4;
$loginCursorColor: #080808;

// The :export directive is the magic sauce for webpack
// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  menuBg: $menuBg;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
}

.avatar-uploader .el-upload {
  // border: dashed 2px #D8DDE3 !important;
  border-radius: 4px !important;
  background: #fcfcfc;
}
.avatar-uploader .avatar-uploader-icon {
  background: #fcfcfc;
}
.avatar-uploader .el-icon-plus:before {
  content: '上传图片' !important;
  font-size: 12px;
  color: #000;
}

// 弹框样式处理
.el-dialog {
  border-radius: 8px;
}
.el-dialog__header {
  background: #fbfbfa;
  border-radius: 8px 8px 0 0;
  border: none;
}
